/* pages/pages-list/specialized/specialized.wxss */
.page{
  min-height: 100vh;

  .bg{
    width: 100vw;
    position: absolute;
    top: 0;
    left: 0;
  }
  .Form{
    width: 710rpx;
    height: 100%;
    // height: 1600rpx;
    background-color: #edf4f6;
    border-radius: 24rpx;
    z-index: 10;
    margin:280rpx auto 0 auto ;
    position: relative;
    box-sizing: border-box;
    padding: 20rpx 30rpx 20rpx 30rpx;
    .inpBox{
      margin-bottom: 20rpx;
      .name{
        color: #2e5661;
        font-size: 28rpx;
      }
      input{
        width: 100%;
        height: 62rpx;
        background-color: #ffffff;
        border-radius: 12rpx;
        margin-top: 16rpx;
        box-sizing: border-box;
        padding-left: 22rpx;
        font-size: 28rpx;
      }
      picker{
        width: 100%;
        height: 62rpx;
        line-height: 62rpx;
        background-color: #ffffff;
        border-radius: 12rpx;
        margin-top: 16rpx;
        box-sizing: border-box;
        font-size: 28rpx;
        color: #808080;
        .picker{
          width: 100%;
          height: 62rpx;
          padding: 0 22rpx;
        }
        .picker1{
          color: #000;
        }
        .icon-r{
          width: 16rpx;
          height: 28rpx;
        }
      }
    }
    .channel{
      // margin-bottom: 0rpx;
      .title{
        color: #2e5661;
        font-size: 32rpx;
      }
      .slt{
        flex-wrap: wrap;
        margin-top: 28rpx;
        .sltBox{
          width: 201rpx;
          height: 72rpx;
          line-height: 72rpx;
          text-align: center;
          background-color: #ffffff;
          border-radius: 12rpx;
          margin-bottom: 28rpx;
          color: #565656;
          font-size: 26rpx;
          box-sizing: border-box;
        }
        .sltBox1{
          background-color: #D6EAE9;
          color: #2E5661;
        }
      }
    }
    .category{
      .title{
        color: #2e5661;
        font-size: 32rpx;
      }
      .slt{
        margin-top: 28rpx;
        flex-wrap: wrap;
        .sltBox{
          margin-bottom: 28rpx;
          background-color: #fff;
          width: 145rpx;
          height: 72rpx;
          line-height: 72rpx;
          text-align: center;
          color: #565656;
          font-size: 26rpx;
          box-sizing: border-box;
        }
        .sltBox1{
          background-color: #D6EAE9;
          color: #2E5661;
          // border: 1rpx solid #03806A;
        }
      }
    }


 
    
  }
  .bot{
    margin-top: 120rpx;
    width: 100%;
    height: 150rpx;
    background-color: #fff;
    position: fixed;
    bottom: 0;
    left: 0;
    box-sizing: border-box;
    justify-content: space-between;
    padding: 20rpx 50rpx;
    z-index: 10;
    button{
      width: 310rpx;
      height: 96rpx;
      line-height: 96rpx;
      border-radius: 48rpx;
      font-size: 32rpx;
    }
    .code{
      color: #047D68;
      border: 1rpx solid #047D68;
    }
    .pintuan {
      width: 686rpx;
      height: 96rpx;
      line-height: 96rpx;
      text-align: center;
      background-image: linear-gradient(95.5deg, #048a73 0%, #034236 100%);
      border-radius: 48rpx;
      box-shadow: 4rpx 4rpx 16rpx #799a9440, -6rpx -6rpx 20rpx #ffffff;
      color: #ffffff;
      font-size: 28rpx;
    }
    .direct{
      background-image: linear-gradient(95.5deg, #048a73 0%, #034236 100%);
      color: #fff;
    }
  }
}